<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>

<script>
export default {
  name: 'About',
  data() {
    return {
      x: null,
    };
  },
  mounted() {
    const a = this.x ?? 1;
    console.log('a--->', a);
  },
};
</script>

<style lang="scss" scoped>
.about {
  display: flex;
  flex-direction: column;
  background: seagreen;
}
</style>
